<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>快讯</title>
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta name="keywords" content="快讯" />
<meta name="description" content="快讯" />
<meta name="author" content="通达信短线犀利版单机插件" />
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<link href="css/fhcms.mpwhf.css" type="text/css" rel="stylesheet" />
<link href="css/fhcms.extend.css" type="text/css" rel="stylesheet" />
<script src="js/vue.js"></script>
<script src="js/xiniuge.my.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<link href="css/tdx.css?tdx=22" type="text/css" rel="stylesheet" />
<link href="css/dark.css?tdx=22" type="text/css" rel="stylesheet" />
<style type="text/css">
.notvip-1{display: block;}
.order_w{width: 60px;}
.rec dd{display: none;}
.rec dd.hot{display: block;}
.rec {}
dl{margin-bottom: 0px;}
dd{border-top: 1px solid rgba(255, 255, 255, 0.1);padding-top: 10px;padding-bottom: 0px;padding-left: 5px;padding-right: 5px;}
a{color: #FFF}
a:hover{color: #EEE}
.stocks a:hover{background-color: var(--red);text-decoration: none;}
</style>
<script>
function shownews(n){
    if(n==1)$('body').addClass('rec');
    else $('body').removeClass('rec');
}
</script>
</head>

<body><script>skin();</script>
<nav class="border-bottom px-1 overflow-hidden h_25"></nav>
<script>navStr('kx');</script>

<div id="wrap">
<div class="container-fluid min_h400" id="box">
<div class="border-top pb-1 px_5">
<a class="fz_14" href="javascript:shownews(0)">全部</a>
<a class="text-danger fz_14" href="javascript:shownews(1)">标红</a>
<a class="text-success fz_14" href="javascript:location.reload();">刷新</a>
　数据源_<a target="_blank" class="fz_12" href="https://xuangubao.cn/live">选股宝</a>
</div>


<div id="news" v-cloak>
 <dl v-for="(sk,index) in list" :key="index" :class="'none notvip'+sk.super_vip_right_type">
    <dd :class="sk.subj_ids | rec">
       <h6 class="fz_15">
        <strong class="text-orange">{{ sk.created_at | riQi(3) }}</strong>
        <span class="fz-14">{{ sk.title }}</span>
        </h6>
        <div class="fz_12">{{ sk.summary }}</div>
        <div class="stocks">{{ sk.stocks | stock }}</div>
    </dd>
</dd>
</div>

</div>
</div>

<script>
jQuery.ajaxSetup({async: false});

Vue.filter('riQi', function(t,n){return riQi(t,n)});
Vue.filter('rec', function(t){if(in_array(10, t)) return 'text-danger hot'; else return '';});
Vue.filter('stock', function(arr){
var html='';
for(var i=0;i<arr.length;i++){
    html+='<a href="http://www.treeid/code_'+arr[i].symbol.replace(".SS","").replace(".SH","").replace(".SZ","")+'" class="border d-inline-block px_5 pb-1 mr-1">'+arr[i].name+'</a>';
}
return html;
});
var urlKX='https://baoer-api.xuangubao.cn/api/v6/message/newsflash?subj_ids=9,10,723,35,469,821&platform=pcweb';
new Vue({
    el: '#news',
    data: {
        list: [],
    },
    created: function () {
        let self = this;
        jQuery.getJSON( urlKX, {limit: 50}, function( data ) {
            self.list = data.data.messages;
            // console.log(self.list);
        });
    },
    mounted: function() {
        this.$forceUpdate();
    }
});
$('.stocks').each(function(e,i){$(this).html($(this).text());});
</script>
<footer>
    <div class="pb-1 px_5 text-info" id="info"></div>
</footer>
<script>infoHTML();footHTML();infoBtn();</script>

<div class="d-none">
<!--<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?545130ea2c3689fdce8723d75125d67b";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>-->
</div>

</body>
</html>